/*canvasboard.css*/
*{
	background: rgba(0,0,255,0.1);
	margin: 0;
	padding:0;
}
#max{
	margin: 10px auto;
	width:900px;
	height: 628px;
}
div#titlebox{
	height: 103px;  
	width:900px;
	background: rgba(125,125,125,0.5);
}
div#titlebox>div#file{
	width:390px;
	height:80%;
	background: white;
	float: left;
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
}
div#file>div#opertion{
	height: 100%;
	width:238px;
	box-sizing: border-box;
	float: left;
}
div#opertion>h5{
	text-align: center;
	font-size:12px;
}
div#opertion>div{
	height:60px;
	overflow: auto;
}
div#opertion>div>h6,p{
	margin-top: 5PX;
	width:100%;
	font-size:12px;
}
div#file>div#tools{
	height:100%;
	width:150px;
	font-size: 12px;
	text-align: center;
	background: white;
	float: right;
	border-left:1px solid gray;
	border-right:1px solid gray;
}	
div#tools>span{
	width:40px;
	height: 20px;
	display: block;
	float: left;
	margin-left:25px;
	margin-top:10px;
	line-height: 20px;
	border-radius: 8px;
}
div#tools>button{
	width:70px;
	height: 20px;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 20px;
	margin-left:40px;
	margin-top:10px;
}
div#file>div>span:hover,button:hover{
	cursor: pointer;
	background: red;
}
div#titlebox>div#shap{
	height: 90px;
	width:250px;
	float:left;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
}
div#titlebox>div#shap>h5{
	margin:0;
	padding: 0;
	text-align: center;
}
div#titlebox>div#shap>div#iner_shap{
	height: 75px;
	width:100%;
	background: white;
}
div#titlebox>div#shap>div#iner_shap>span{
	display: inline-block;
	width:21px;
	height: 20px;
	margin-left:10px;
	margin-top:10px;
	text-align: center;
	line-height:24px;
	background:rgba(0,0,0,0.2) ;
}		
div#iner_shap>span:hover{
	outline: 1px solid rgba(0,0,0,0.2);
	outline-offset: 3px;
	cursor: pointer;
}		
div#titlebox>div#color_linwidth{
	height: 80%;
	width:200px;
	float:right;
	margin-top:10px;
	margin-right: 10px;
	font-weight: bold;
}
div#color_linwidth>div#Scolor{
	height: 40px;
	font-size: 12px;
	margin-top:10px;
	background: white;
}
#color{
	width:120px;
	height: 25px;
	margin-left:20px;
}
div#color_linwidth>div#Sline{
	margin-top:10px;
	height: 40px;
	font-size: 12px;
	background: white;
}
#select{
	width:130px;
	margin-left:20px;
}
canvas{
	border-top:2px solid rgba(0,0,0,0.3);
	border-bottom:20px solid rgba(0,0,0,0.3);
	border-left:25px solid rgba(0,0,0,0.3);
	border-right:25px solid rgba(0,0,0,0.3);
	background: white;
}